Ext.onReady(function() {

	var firstcolumnstore = Ext.create("Ext.data.Store", {
				fields : ['channelid', 'text'],
				//autoLoad : true, // 启动自动加载
				proxy : { // 通过ajax代理加载数据
					actionMethods : {
						read : 'post'// 没有会405错误
					},
					type : "ajax", // 获取方式
					url : "/column/getTreeList.do" // 获取树节点的地址
					// method : 'POST'
				},
				reader : {
					type : 'json',
					root : 'data'
				},
				extraParams : {
					parentID2 : '123'
				}

			});

	var secondcolumnstore = Ext.create("Ext.data.Store", {
				fields : ['channelid', 'text'],
				// autoLoad: true, // 启动自动加载
				proxy : { // 通过ajax代理加载数据
					actionMethods : {
						read : 'post'// 没有会405错误
					},
					type : "ajax", // 获取方式
					url : "/column/getTreeList.do" // 获取树节点的地址
					// method : 'POST'
				},
				reader : {
					type : 'json',
					root : 'data'
				},
				params : {
					parentID : 0
				}

			});
	var thirdcolumnstore = Ext.create("Ext.data.Store", {
				fields : ['channelid', 'text'],
				// autoLoad: true, // 启动自动加载
				proxy : { // 通过ajax代理加载数据
					actionMethods : {
						read : 'post'// 没有会405错误
					},
					type : "ajax", // 获取方式
					url : "/column/getTreeList.do" // 获取树节点的地址
					// method : 'POST'
				},
				reader : {
					type : 'json',
					root : 'data'
				},
				params : {
					parentID : 0
				}

			});
			var fourthcolumnstore = Ext.create("Ext.data.Store", {
				fields : ['channelid', 'text'],
				// autoLoad: true, // 启动自动加载
				proxy : { // 通过ajax代理加载数据
					actionMethods : {
						read : 'post'// 没有会405错误
					},
					type : "ajax", // 获取方式
					url : "/column/getTreeList.do" // 获取树节点的地址
					// method : 'POST'
				},
				reader : {
					type : 'json',
					root : 'data'
				},
				params : {
					parentID : 0
				}

			});
	var store123 = new Ext.data.SimpleStore({
				fields : ['id', 'text'],
				data : [['1', '是'], ['0', '否']]
			});

	var artform = Ext.create('Ext.form.Panel', {
		id : "artform",
		width : 470,
		height : 370,
		bodyPadding : 10,
		frame : true,
		renderTo : Ext.getBody(),
		items : [{
					xtype : 'textfield',
					fieldLabel : '菜单名称',
					name : 'text',
					id : 'text',
					allowBlank : true,
					emptyText : '请输入菜单名称',
					anchor : '60%'
				},

				{
					xtype : 'textfield',
					fieldLabel : '菜单路径',
					name : 'columnurl',
					id : 'columnurl',
					allowBlank : true,
					anchor : '60%',

					emptyText : '菜单路径'
				}, {
					fieldLabel : "是否是叶子节点",
					xtype : "combo",
					editable: false,  
					store : store123,// 数据源
					name : "leaf",// 提交到后台的id
					valueField : "id",// 俗称的key
					displayField : "text",// 俗称前台显示的value
					emptyText : '---请选择---'// 没选之前显示的东东

				}, {
					fieldLabel : "一级菜单",
					xtype : "combo",
					id : "firthcombo",
					//hiddenName : "channelid",
					id : "channelid",
					allowBlank : false,// 不允许为空
					editable: false,  
					name : "firthcombo",// 提交到后台的id
					//queryMode : 'local',// 数据模式，local代表本地数据
					valueField : "channelid",// 俗称的key
					displayField : "text",// 俗称前台显示的value
					store : firstcolumnstore,// 数据源
					emptyText : '---请选择---',// 没选之前显示的东东
					listeners : {
						change : function(combo, nv, ov) {
							if (nv != ov) {
								var cityCombo = Ext.getCmp("erji");
								cityCombo.clearValue();
                                var  aa = combo.getValue();
								var cityStore = cityCombo.getStore();
								cityStore.load({
											params : {
												parentID : combo.getValue(),
												typeID : 2
											}

										});
							}
						}

					}
				}, {
					fieldLabel : "二级菜单",
					id : "erji",
					xtype : "combo",
					editable: false,  
					//hiddenName : "channelid",
					store : secondcolumnstore,// 数据源
					name : "erji",// 提交到后台的id
					valueField : "channelid",// 俗称的key
					displayField : "text",// 俗称前台显示的value
					 triggerAction: 'all',
					autoLoad : false,// 设置第二级不自动加载
					
					queryMode : 'local',
					emptyText : '---请选择---',// 没选之前显示的东东
					listeners : {
						
//						select  : function(combo, nv, ov) {
//							if (nv != ov) {
//								var sanjiCombo = Ext.getCmp("sanji");
//								sanjiCombo.clearValue();
//                                var aa = combo.getValue();
//								var sanjiStore = sanjiCombo.getStore();
//								sanjiStore.load({
//											params : {
//												parentID : combo.getValue(),
//												typeID : 3
//											}
//
//										});
//							}
//						},
						change : function(combo, nv, ov) {
							if (nv != ov) {
								var cityCombo = Ext.getCmp("sanji");
								cityCombo.clearValue();

								var cityStore = cityCombo.getStore();
								cityStore.load({
											params : {
												parentID : combo.getValue(),
												typeID : 3
											}

										});
							}
						}
					}
				},

				{
					fieldLabel : "三级菜单",
					xtype : "combo",
					id : "sanji",
					//hiddenName : "channelid",
					editable: false,  
					store : thirdcolumnstore,// 数据源
					name : "sanji",// 提交到后台的id
					triggerAction: 'all',
					valueField : "channelid",// 俗称的key
					queryMode: "local",
					
					autoLoad : false,// 设置第二级不自动加载
					displayField : "text",// 俗称前台显示的value
					emptyText : '---请选择---',// 没选之前显示的东东
					listeners : {
						change : function(combo, nv, ov) {
							if (nv != ov) {
								var cityCombo = Ext.getCmp("fourth");
								cityCombo.clearValue();

								var cityStore = cityCombo.getStore();
								cityStore.load({
											params : {
												parentID : combo.getValue(),
												typeID : 4
											}

										});
							}
						}
					}
				}, {
					fieldLabel : "父菜单",
					xtype : "combo",
					id : "fourth",
					queryMode: "local",
					store : fourthcolumnstore,// 数据源
					name : "fourth",// 提交到后台的id
					valueField : "channelid",// 俗称的key
					displayField : "text",// 俗称前台显示的value
					emptyText : '---请选择---'// 没选之前显示的东东
					
				}],

		buttons : [{
					text : '清空',
					handler : function() {

						Ext.getCmp('artform').getForm().reset();
						
					}
				}, {
					text : '确定',
					handler : function() {
						var form = this.up('form').getForm();
						if (form.isValid()) {
							var formValues = this.up('form').getForm()
									.getValues(); // 获取表单中的所有Name键/值对对象
							// alert(formValues["firstname"]); //输出表单中
							// firstname 字段的值
							// alert('表单的值:'+
							// this.up('form').getForm().getValue());
							form.submit({
										method : "post",
										url : '/column/addcolumns.do',
										waitMsg : '添加菜单...',
										// parms:{"cont":cont},
										success : function(fp, o) {
											Ext.Msg.alert("添加成功！");
										},
										failure : function(fp, o) {
											Ext.Msg.alert("添加失败！");
										}
									});
						}
					}
				}]

			// 联动的实现

		});
		 //firthcombo.on('load',function(){Ext.getCmp("firthcombo").setValue(1);});
		// channelid.on('select', function () {
		// columnstore.parentID.id = channelid.getValue();
		// columnstore.setValue('');
		// columnstore.load();
		// })
		// Ext.getCmp('artform').getForm().reset();
		// artform.getForm().reset();

	});